* {
	margin: 0;
	padding: 0;
	font-family: Helvetica;
}

.mainTopHeaerC {
	width: 100%;
	/*height: 47px;*/
	height: 50px;
	line-height: 50px;
}

.mainTopHeaerC .mainLeftBtnC {
	width: 25%;
	/*background: blue;*/
	height: 47px;
	float: left;
}

.mainLeftBtnC .mainTopLeftBtnC {
	width: 24px;
	/*margin-top: 11.5px;*/
}

.mainTopHeaerC .mainCenterTextC {
	width: 50%;
	/*background: yellow;*/
	height: 47px;
	float: left;
	font-weight: normal;
	font-size: 14px;
	color: #919dce;
}

.mainTopHeaerC .mainRightBtnC {
	width: 25%;
	/*background: green;*/
	height: 47px;
	float: right;
}

.mainTopCenterC {
	width: 100%;
	height: 170px;	
	position: relative;
}

.mainTopCenterC .mainPreviousC {
	width: 25%;
	height: 170px;
	line-height: 170px;
	/*background: yellow;*/
	float: left;
}

.mainDivC {
	width: 100%;
	height: 40px;
	/*background: blue;*/
	margin-top: 65px;
}

.mainDivCleft {
	width: 70%;
}

.mainDivCright {
	width: 70%;
	float: right;
	display: none;
}

.mainRingImgC {
	width: 100%;
}

.mainPreNextImgC {
	width: 6px;
	margin-top: 14px;
}

.mainTopCenterC .mainCenterRingC {
	width: 50%;
	height: 170px;
	/*background: blue;*/
	float: left;
	/*position: relative;*/
}

.time_text {
	font-size: 14px;
}

.ring_outer {
	/*height: 160px;
			width: 160px;*/
	/*background-color: green;*/
	margin: auto;
	position: relative;
}

.ring_time_text {
	position: absolute;
	width: 100%;
	top: 80px;
	color: #a3b9d1;
	/*font-size: 14px;*/
	font-size: 18px;
	font-weight: normal;
}

.ring_time_text span {
	/*float: left;*/
	
}

.ringt_time_number {
	font-size: 24px;
	/*margin: 0 3px;*/
}

.ring_title {
	position: absolute;
	top: 40px;
	font-size: 14px;
	font-weight: normal;
	color: #82aed1;
	width: 100%;
}

.mainTopCenterC .mainNextC {
	width: 25%;
	height: 170px;
	/*background: yellow;*/
	float: left;
}

.mainTopFooterC {
	/*width: 80%;*/
	width: 70%;
	margin: auto;
	/*background: gray;*/
	/*margin-top:10px; */
	font-weight: normal;
	text-align: left;

}

.mainTopFooterC span {
	float: left;
}

.sleep_text {
	width: 100%;
	margin: auto;
	margin-top: 12px;
	margin-bottom: 10px;
}

.sleep_quality {
	height: 30px;
	line-height: 30px;
	/*margin-top: 5px;*/
	/*margin-bottom: 10px;*/
	/*padding-left: 40px;*/
	padding-left: 18%;
	font-size: 18px;
	/*	font-weight: normal;
			text-align: left;*/
}

.sleep_deep {
	/*width: 50%;*/
	width: 40%;
	float: left;
	/*margin-left: 2%;*/
}

.sleep_mild {
	/*width: 43%;*/
	width: 34%;
	float: right;
}

.sleep_text_title {
	color: #96c5e7;
	font-size: 14px;
	margin-right: 10px;
	margin-top: 5px;
	/*text-align: left;*/
	/*font-weight: normal;*/
}

.sleep_time_number {
	height: 30px;
	/*margin-top:5px; */
	/*line-height: 40px;*/
	font-size: 14px;
	/*font-weight: normal;*/
	/*text-align: center;*/
}

.sleep_level_value {
	/*margin-top: 8px;*/
	width: 100%;
	position: absolute;
	top: 20%;
}

.deepMildBig {
	width: 100%;
	height: 61px;
	margin-top: 39.5px;
}

.sleep_quality_number_dm {
	font-size: 22px;
	font-weight: normal;
	/* margin: 4px 4px 0 4px; 2014-11-05 14:56:01*/
}

.sleep_number_dm {
	font-size: 23px;
	font-weight: normal;
	margin-top: 6px;
}

.time_quality_text_mar {
	margin-top: 6px;
	font-size: 14px;
}

.time_text_mar {
	margin-top: 13px;
}

.setSleepTime {
	width: 87%;
	/*width: 75%;*/
	margin: auto;
	height: 70px;
	line-height: 35px;
	font-size: 13px;
	/*margin-top: 10px;*/
	/*background: gray;*/
	text-align: left;
	/*position: relative;*/
	/*padding-left: 10%;*/
	/*margin-top: 5px;*/
}

.sleep_select {
	background: none;
	border: none;
	outline: none;
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari 锟斤拷锟  Chrome */
	clip: rect(0px, 65px, 30px, -3px);
	width: 75px;
	height: 35px;
	line-height: 35px;
	font-size: 19px;
	color: #848484;
	position: absolute;
	/*right: 0;*/
	left: 10px;
	top: 25px;
	z-index: 55;
}

#triangle-down {
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #f7872c;
	position: absolute;
	/*right: 0;*/
	/*right: 30px;*/
	z-index: -888;
}

.downTime_select {
	top: 39px;
	left: 70px;
	/*right: 5px;*/
}

.upTime_select {
	top: 39px;
	right: 15px;
}
.sleepTime{
	width: 50%;
	float: left;
	position: relative;
}
.resetDateOther_select{
	background: none;
	border: none;
	outline: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	clip: rect(0px, 120px, 30px, -3px);
	width: 160px;
	height: 35px;
	line-height: 35px;
	font-size: 19px;
	color: #848484;
	position: absolute;
	right: 0;
	z-index: 55;
	
}
.ring_zzz_icon{
	width: 30px;
	position: absolute;
	top: 20%;
	left: 50%;
	margin-left: -15px;
	display: none;
}
.changeBar{
	width: 85%;
	margin: auto;
	text-align: center;
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
}
.settingTimeBar{
	width: 50%;
	height: 30px;
	float: left;
}
.defaultTimeText{
	color: #f7872c;
}
.resetTimeText{
	color: #848484;
}
.defaultTimeTitle{
	width: 100%;
}
.resetDate{
	background: none;
	border: none;
	outline: none;
	-webkit-appearance:none;
	font-size: 18px;
	width: 80%;
	position: absolute;
	left: 40px;
	top: 6px;
	z-index: 88;
	color: #848484;
	padding-left: 15px;
}
.alertWinDate{
	width: 87%;
	margin: auto;
	height: 40px;
	position: relative;
	margin-top: 15px;
}
.resetDate_select{
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #f7872c;
	position: absolute;
	z-index: -888;
	right: 15px;
	top: 15px;
}
.resetDateSelect{
	background: none;
	border: none;
	outline: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	clip: rect(0px, 130px, 30px, -3px);
	width: 145px;
	height: 35px;
	line-height: 38px;
	font-size: 19px;
	color: #848484;
	position: absolute;
	/* right: 0; */
	left: 60px;
	z-index: 55;
}